<?php
// Get Option Top Category
$firstopcat = get_option('top_first_category');
$sectoptcat = get_option('top_second_category');
$thirdtopcat = get_option('top_third_category');
$fourtopcat = get_option('top_fourth_category');
?>

<div class="top-content">
                <ul class="nav nav-tabs" id="myTab" >
                    <li class="col-md-3"><a href="#introduction" data-toggle="tab"><?php agilsun_get_catogery_name($firstopcat); ?></a></li>
                    <li class="col-md-3"><a href="#scholarship" data-toggle="tab"><?php agilsun_get_catogery_name($sectoptcat); ?></a></li>
                    <li class="col-md-3"><a href="#visa" data-toggle="tab"><?php agilsun_get_catogery_name($thirdtopcat); ?></a></li>
                    <li class="col-md-3"><a href="#settlers" data-toggle="tab"><?php agilsun_get_catogery_name($fourtopcat); ?></a></li>
                </ul>
                <div class="tab-content">
                    <div id="introduction" class="tab-pane fade">
                        <?php  
                                agilsun_get_post_top_content($firstopcat,4); 
                        ?>
                    </div>
                    <div id="scholarship" class="tab-pane fade">
                       <?php  
                                agilsun_get_post_top_content($sectoptcat,4); 
                        ?>
                    </div>
                    <div id="visa" class="tab-pane fade">
                         <?php  
                                agilsun_get_post_top_content($thirdtopcat,4); 
                        ?>
                    </div>

                    <div id="settlers" class="tab-pane fade">
                        <?php  
                                agilsun_get_post_top_content($fourtopcat,4); 
                        ?>
                    </div>
                </div><!--End #tab-content-->                               
            </div><!--end top-content-->